<template>
  <div v-for="item in 5" >
    <el-avatar shape="square" :size="150" :src="squareUrl" >
      <div :key="fits" class="block" style="height: 150px; width: 150px;">
      <img src="../assets/95.jpg"  alt="头像" style="height: 150px; width: 150px;"/>
      </div>
    </el-avatar>
    <el-skeleton :rows="5" animated/>
  </div>
</template>

<script>
import { defineComponent, reactive, toRefs } from 'vue'
export default defineComponent({
  name: "Introduction",
  setup() {
      const state = reactive({
        fits: ['fill'],
        url: 'D:/Pictures/HZW/4.jpg',
      })

    return {
      ...toRefs(state),
    }
  },
})
</script>

<style scoped>

</style>